@import '_content/WhistleUp.Components/WhistleUp.Components.jb7albh520.bundle.scp.css';

/* /Pages/SuperAdmin.razor.rz.scp.css */
:global(html)[b-j3h3trq7ed], :global(body)[b-j3h3trq7ed] { margin: 0; min-height: 100%; background: #f4f6fb; color: #17203b; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
:global(*)[b-j3h3trq7ed] { box-sizing: border-box; }
button[b-j3h3trq7ed], input[b-j3h3trq7ed], select[b-j3h3trq7ed], textarea[b-j3h3trq7ed] { font: inherit; }
button[b-j3h3trq7ed] { cursor: pointer; }
button:disabled[b-j3h3trq7ed] { cursor: wait; opacity: .62; }
.sa-shell[b-j3h3trq7ed] { min-height: 100vh; background: radial-gradient(circle at 90% 0, rgba(86, 77, 255, .10), transparent 34rem), radial-gradient(circle at 0 100%, rgba(21, 190, 184, .09), transparent 32rem), #f5f7fc; }
.sa-topbar[b-j3h3trq7ed] { height: 76px; padding: 0 clamp(22px, 4vw, 64px); display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.92); border-bottom: 1px solid #e3e7f1; backdrop-filter: blur(18px); }
.sa-brand img[b-j3h3trq7ed] { display: block; width: 166px; max-height: 42px; }
.sa-security[b-j3h3trq7ed] { display: flex; align-items: center; gap: 9px; color: #667085; font-size: 14px; font-weight: 700; }
.sa-security span[b-j3h3trq7ed], .sa-live-dot[b-j3h3trq7ed] { width: 9px; height: 9px; border-radius: 99px; background: #17b8ae; box-shadow: 0 0 0 5px rgba(23,184,174,.12); }
.sa-auth-wrap[b-j3h3trq7ed] { min-height: calc(100vh - 76px); padding: 42px 20px; display: grid; place-items: center; }
.sa-auth-card[b-j3h3trq7ed] { width: min(100%, 520px); padding: 44px; border: 1px solid #e2e6f2; border-radius: 28px; background: rgba(255,255,255,.97); box-shadow: 0 28px 80px rgba(35,45,90,.14); }
.sa-auth-icon[b-j3h3trq7ed] { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 20px; color: white; font-size: 34px; font-weight: 800; background: linear-gradient(135deg,#5c4cf5,#2b91e7 58%,#20b9b4); box-shadow: 0 14px 30px rgba(77,82,237,.24); margin-bottom: 28px; }
.sa-eyebrow[b-j3h3trq7ed] { margin: 0 0 8px; color: #5b52e8; font-size: 12px; font-weight: 900; letter-spacing: .11em; }
.sa-auth-card h1[b-j3h3trq7ed], .sa-hero h1[b-j3h3trq7ed] { margin: 0; color: #13182f; letter-spacing: -.035em; }
.sa-auth-card h1[b-j3h3trq7ed] { font-size: clamp(34px, 5vw, 48px); }
.sa-lead[b-j3h3trq7ed] { color: #667085; font-size: 17px; line-height: 1.65; margin: 14px 0 30px; }
label[b-j3h3trq7ed] { display: grid; gap: 8px; color: #34405c; font-weight: 750; font-size: 14px; }
input[b-j3h3trq7ed], select[b-j3h3trq7ed], textarea[b-j3h3trq7ed] { width: 100%; border: 1px solid #cfd7e7; border-radius: 12px; background: white; color: #17203b; padding: 12px 14px; outline: none; transition: border-color .16s, box-shadow .16s; }
input:focus[b-j3h3trq7ed], select:focus[b-j3h3trq7ed], textarea:focus[b-j3h3trq7ed] { border-color: #665cff; box-shadow: 0 0 0 4px rgba(92,76,245,.11); }
.sa-auth-card input[b-j3h3trq7ed] { min-height: 54px; margin-bottom: 16px; }
.sa-code[b-j3h3trq7ed] { text-align: center; letter-spacing: .35em; font-size: 28px; font-weight: 850; }
.sa-code-help[b-j3h3trq7ed] { margin: -6px 0 16px; color: #778198; font-size: 13px; line-height: 1.45; }
.sa-primary[b-j3h3trq7ed], .sa-secondary[b-j3h3trq7ed], .sa-danger[b-j3h3trq7ed], .sa-danger-outline[b-j3h3trq7ed], .sa-icon-button[b-j3h3trq7ed], .sa-search button[b-j3h3trq7ed] { border: 0; border-radius: 11px; padding: 11px 16px; font-weight: 800; white-space: nowrap; }
.sa-primary[b-j3h3trq7ed] { background: linear-gradient(115deg,#5b4cf4,#337eea 62%,#1bb7b2); color: white; box-shadow: 0 10px 22px rgba(69,76,226,.18); }
.sa-primary:hover[b-j3h3trq7ed] { filter: brightness(.97); transform: translateY(-1px); }
.sa-full[b-j3h3trq7ed] { width: 100%; min-height: 52px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.sa-secondary[b-j3h3trq7ed] { background: #eef1f7; color: #44506b; }
.sa-danger[b-j3h3trq7ed] { background: #c7324a; color: white; }
.sa-danger-outline[b-j3h3trq7ed] { background: #fff; border: 1px solid #e5a6b1; color: #b4253d; }
.sa-link[b-j3h3trq7ed] { display: block; margin: 17px auto 0; border: 0; background: none; color: #5b52e8; font-weight: 750; }
.sa-notice[b-j3h3trq7ed] { margin: 16px 0; padding: 13px 16px; border: 1px solid; border-radius: 12px; font-size: 14px; line-height: 1.5; }
.sa-notice.error[b-j3h3trq7ed] { color: #a42339; border-color: #fac3cc; background: #fff0f2; }
.sa-notice.success[b-j3h3trq7ed] { color: #087b74; border-color: #a9e4df; background: #ecfbf9; }
.sa-dashboard[b-j3h3trq7ed] { width: min(100%, 1680px); margin: 0 auto; padding: 30px clamp(18px,3vw,42px) 60px; }
.sa-hero[b-j3h3trq7ed] { min-height: 170px; padding: 34px 38px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: white; border-radius: 24px; background: linear-gradient(115deg,#5144ed,#397de9 54%,#18b7af); box-shadow: 0 22px 45px rgba(65,73,190,.19); overflow: hidden; position: relative; }
.sa-hero[b-j3h3trq7ed]::after { content:""; position:absolute; width:240px; height:240px; right:9%; top:-110px; border:1px solid rgba(255,255,255,.24); border-radius:50%; }
.sa-hero .sa-eyebrow[b-j3h3trq7ed], .sa-hero h1[b-j3h3trq7ed], .sa-hero p[b-j3h3trq7ed] { color: white; position: relative; z-index: 1; }
.sa-hero h1[b-j3h3trq7ed] { font-size: clamp(36px,4vw,54px); }
.sa-hero p:not(.sa-eyebrow)[b-j3h3trq7ed] { margin: 10px 0 0; font-size: 17px; opacity: .9; }
.sa-session[b-j3h3trq7ed] { display:flex; align-items:center; gap:12px; padding:12px 16px; border:1px solid rgba(255,255,255,.3); border-radius:14px; background:rgba(255,255,255,.13); font-weight:750; position:relative; z-index:1; }
.sa-hero-controls[b-j3h3trq7ed] { display:flex; align-items:flex-end; gap:12px; position:relative; z-index:2; }
.sa-database[b-j3h3trq7ed] { display:grid; gap:5px; min-width:150px; }
.sa-database span[b-j3h3trq7ed] { color:rgba(255,255,255,.8); font-size:10px; font-weight:850; letter-spacing:.1em; }
.sa-database select[b-j3h3trq7ed] { width:100%; min-height:45px; padding:0 36px 0 14px; border:1px solid rgba(255,255,255,.35); border-radius:14px; color:#fff; background:rgba(255,255,255,.14); font-weight:850; }
.sa-database.production select[b-j3h3trq7ed] { color:#8b1429; background:#fff2f4; border-color:#ffc2cc; }
.sa-production-warning[b-j3h3trq7ed] { display:flex; align-items:center; gap:14px; margin:16px 0; padding:14px 18px; border:1px solid #ff9cad; border-radius:14px; color:#8f1c31; background:#fff1f3; }
.sa-production-warning span[b-j3h3trq7ed] { color:#ad4a5c; }
.sa-live-dot[b-j3h3trq7ed] { background:#b6fff1; box-shadow:0 0 0 5px rgba(255,255,255,.13); }
.sa-kpis[b-j3h3trq7ed] { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0; }
.sa-kpis article[b-j3h3trq7ed] { padding:19px 22px; border:1px solid #e1e5ef; border-radius:16px; background:white; box-shadow:0 8px 24px rgba(35,45,90,.05); }
.sa-kpis span[b-j3h3trq7ed] { color:#7a849b; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.sa-kpis strong[b-j3h3trq7ed] { display:block; margin-top:7px; font-size:27px; color:#202943; }
.sa-kpis strong.teal[b-j3h3trq7ed] { color:#0a9c92; }
.sa-workspace[b-j3h3trq7ed] { display:grid; grid-template-columns:minmax(420px, .86fr) minmax(600px, 1.45fr); min-height:700px; border:1px solid #dfe4ef; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 16px 50px rgba(35,45,90,.08); }
.sa-list-panel[b-j3h3trq7ed] { border-right:1px solid #e3e7f0; background:#fbfcff; min-width:0; }
.sa-panel-head[b-j3h3trq7ed], .sa-detail-head[b-j3h3trq7ed], .sa-section-heading[b-j3h3trq7ed] { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.sa-panel-head[b-j3h3trq7ed] { padding:23px 24px 13px; }
.sa-panel-head h2[b-j3h3trq7ed], .sa-detail-head h2[b-j3h3trq7ed], .sa-section-heading h3[b-j3h3trq7ed] { margin:0; color:#1d2641; }
.sa-panel-head p[b-j3h3trq7ed], .sa-detail-head p[b-j3h3trq7ed], .sa-section-heading p[b-j3h3trq7ed] { margin:5px 0 0; color:#7b849a; font-size:13px; }
.sa-icon-button[b-j3h3trq7ed] { width:40px; height:40px; padding:0; background:#eef1ff; color:#564de5; font-size:21px; }
.sa-search[b-j3h3trq7ed] { margin:0 18px 14px; padding:6px 6px 6px 13px; display:flex; align-items:center; gap:8px; border:1px solid #dce1ed; border-radius:13px; background:white; }
.sa-search span[b-j3h3trq7ed] { color:#6258e7; font-size:22px; }
.sa-search input[b-j3h3trq7ed] { border:0; box-shadow:none; padding:8px 4px; min-width:0; }
.sa-search button[b-j3h3trq7ed] { background:#eef0fb; color:#4a5270; }
.sa-tenant-list[b-j3h3trq7ed] { max-height:730px; overflow:auto; padding:0 10px 14px; }
.sa-tenant-row[b-j3h3trq7ed] { width:100%; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:13px; align-items:start; padding:16px 14px; text-align:left; border:1px solid transparent; border-bottom-color:#e8ebf2; background:transparent; color:inherit; }
.sa-tenant-row:hover[b-j3h3trq7ed] { background:#f5f6ff; border-color:#e0e2ff; border-radius:14px; }
.sa-tenant-row.selected[b-j3h3trq7ed] { background:linear-gradient(100deg,#f0efff,#eefafd); border-color:#c9c8ff; border-radius:14px; }
.sa-tenant-avatar[b-j3h3trq7ed], .sa-user-avatar[b-j3h3trq7ed] { display:grid; place-items:center; border-radius:13px; background:linear-gradient(135deg,#e6e4ff,#dff8f5); color:#5148d9; font-weight:900; }
.sa-tenant-avatar[b-j3h3trq7ed] { width:48px; height:48px; }
.sa-tenant-main[b-j3h3trq7ed], .sa-tenant-status[b-j3h3trq7ed] { min-width:0; display:flex; flex-direction:column; }
.sa-tenant-main strong[b-j3h3trq7ed] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.sa-tenant-main small[b-j3h3trq7ed], .sa-tenant-status small[b-j3h3trq7ed] { margin-top:5px; color:#8891a4; font-size:12px; }
.sa-row-meta[b-j3h3trq7ed] { display:flex; flex-wrap:wrap; gap:5px 9px; margin-top:9px; color:#667085; font-size:11px; }
.sa-tenant-status[b-j3h3trq7ed] { align-items:flex-end; }
.sa-pill[b-j3h3trq7ed] { display:inline-flex; align-items:center; justify-content:center; padding:5px 9px; border-radius:99px; font-size:11px; font-weight:850; }
.sa-pill.active[b-j3h3trq7ed] { background:#def8f1; color:#087c6e; }
.sa-pill.inactive[b-j3h3trq7ed] { background:#f3e8eb; color:#9d3950; }
.sa-empty[b-j3h3trq7ed] { padding:50px 20px; color:#8992a5; text-align:center; }
.sa-detail-panel[b-j3h3trq7ed] { min-width:0; background:#fff; }
.sa-detail-empty[b-j3h3trq7ed] { height:100%; display:grid; place-content:center; justify-items:center; text-align:center; color:#7c859a; }
.sa-detail-empty div[b-j3h3trq7ed] { width:62px; height:62px; display:grid; place-items:center; border-radius:18px; background:#efefff; color:#5a51e8; font-size:30px; }
.sa-detail-empty h2[b-j3h3trq7ed] { margin:20px 0 6px; color:#28314a; }
.sa-detail-empty p[b-j3h3trq7ed] { margin:0; }
.sa-detail-head[b-j3h3trq7ed] { padding:25px 28px 18px; }
.sa-title-line[b-j3h3trq7ed] { display:flex; align-items:center; flex-wrap:wrap; gap:11px; }
.sa-detail-head h2[b-j3h3trq7ed] { max-width:700px; font-size:24px; }
.sa-tabs[b-j3h3trq7ed] { display:flex; gap:4px; padding:0 24px; border-bottom:1px solid #e5e8f0; overflow-x:auto; }
.sa-tabs button[b-j3h3trq7ed] { border:0; border-bottom:3px solid transparent; padding:13px 12px; background:none; color:#6d768c; font-weight:800; white-space:nowrap; }
.sa-tabs button.active[b-j3h3trq7ed] { color:#5047dd; border-bottom-color:#5a50e8; }
.sa-tabs button.danger[b-j3h3trq7ed] { color:#b2263f; border-bottom-color:#c7334c; }
.sa-tabs span[b-j3h3trq7ed] { margin-left:4px; padding:2px 7px; border-radius:99px; background:#eceeff; font-size:11px; }
.sa-tab-content[b-j3h3trq7ed] { padding:26px 28px 38px; }
.sa-detail-grid[b-j3h3trq7ed] { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:30px; }
.sa-detail-grid > div[b-j3h3trq7ed] { min-width:0; padding:16px; border:1px solid #e2e6ef; border-radius:14px; background:#fafbfe; }
.sa-detail-grid span[b-j3h3trq7ed] { display:block; margin-bottom:6px; color:#858da1; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.05em; }
.sa-detail-grid strong[b-j3h3trq7ed] { display:block; overflow:hidden; text-overflow:ellipsis; color:#29324c; font-size:14px; }
.sa-owner-controls[b-j3h3trq7ed] { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:20px 0 26px; padding:18px; border:1px solid #dfe4f1; border-radius:16px; background:linear-gradient(120deg,#f8f7ff,#f2fbfb); }
.sa-owner-controls > div:first-child[b-j3h3trq7ed] { flex:1; max-width:620px; }
.sa-owner-controls label[b-j3h3trq7ed] { display:grid; gap:7px; color:#27304b; font-weight:750; }
.sa-owner-controls input[b-j3h3trq7ed] { min-height:44px; padding:0 13px; border:1px solid #ccd5e7; border-radius:11px; background:#fff; }
.sa-control-label[b-j3h3trq7ed] { display:block; margin-bottom:9px; color:#5d55df; font-size:10px; font-weight:900; letter-spacing:.1em; }
.sa-owner-actions[b-j3h3trq7ed] { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.sa-tab-content h3[b-j3h3trq7ed] { margin:0 0 13px; color:#28314a; }
.sa-company-grid[b-j3h3trq7ed] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sa-company-grid article[b-j3h3trq7ed] { display:grid; grid-template-columns:42px minmax(0,1fr) 10px; align-items:center; gap:11px; padding:14px; border:1px solid #e1e5ee; border-radius:13px; }
.sa-company-icon[b-j3h3trq7ed] { width:42px; height:42px; display:grid; place-items:center; border-radius:11px; background:#e8f8f6; color:#099b91; font-size:20px; }
.sa-company-grid strong[b-j3h3trq7ed], .sa-company-grid small[b-j3h3trq7ed] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sa-company-grid small[b-j3h3trq7ed] { margin-top:4px; color:#858da0; font-size:11px; }
.sa-dot[b-j3h3trq7ed] { width:9px; height:9px; border-radius:50%; background:#c8ced9; }
.sa-dot.active[b-j3h3trq7ed] { background:#12b3a7; }
.sa-usage-summary[b-j3h3trq7ed] { display:grid; grid-template-columns:minmax(260px,360px) minmax(0,1fr); align-items:center; gap:18px; margin-bottom:28px; padding:18px; border:1px solid #dcdff6; border-radius:16px; background:linear-gradient(110deg,#f5f4ff,#f0fbfb); }
.sa-usage-summary article[b-j3h3trq7ed] { display:flex; align-items:center; gap:14px; padding:16px; border:1px solid #dddff3; border-radius:14px; background:#fff; box-shadow:0 8px 22px rgba(48,58,118,.06); }
.sa-usage-icon[b-j3h3trq7ed] { flex:0 0 48px; width:48px; height:48px; display:grid; place-items:center; border-radius:14px; color:#fff; font-size:24px; background:linear-gradient(135deg,#5c4cf5,#258de4 62%,#19b4ad); }
.sa-usage-summary span[b-j3h3trq7ed], .sa-usage-summary small[b-j3h3trq7ed] { display:block; color:#7c859a; }
.sa-usage-summary span[b-j3h3trq7ed] { font-size:11px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.sa-usage-summary strong[b-j3h3trq7ed] { display:block; margin:2px 0; color:#1f2843; font-size:30px; }
.sa-usage-summary small[b-j3h3trq7ed] { font-size:11px; }
.sa-usage-summary > p[b-j3h3trq7ed] { margin:0; color:#667086; font-size:13px; line-height:1.6; }
.sa-activity-heading[b-j3h3trq7ed] { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:13px; }
.sa-activity-heading h3[b-j3h3trq7ed] { margin:0; }
.sa-activity-heading p[b-j3h3trq7ed] { margin:5px 0 0; color:#7c8599; font-size:13px; }
.sa-activity-heading > span[b-j3h3trq7ed] { color:#6259df; font-size:12px; font-weight:800; }
.sa-activity-list[b-j3h3trq7ed] { overflow:hidden; border:1px solid #e1e5ef; border-radius:15px; background:#fff; }
.sa-activity-list article[b-j3h3trq7ed] { display:grid; grid-template-columns:12px minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid #edf0f5; }
.sa-activity-list article:last-child[b-j3h3trq7ed] { border-bottom:0; }
.sa-activity-list article:hover[b-j3h3trq7ed] { background:#fafbff; }
.sa-activity-dot[b-j3h3trq7ed] { width:9px; height:9px; border-radius:50%; background:#17b5aa; box-shadow:0 0 0 5px rgba(23,181,170,.10); }
.sa-activity-main[b-j3h3trq7ed] { min-width:0; }
.sa-activity-main strong[b-j3h3trq7ed], .sa-activity-main span[b-j3h3trq7ed] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sa-activity-main strong[b-j3h3trq7ed] { color:#27304a; font-size:13px; }
.sa-activity-main span[b-j3h3trq7ed] { margin-top:4px; color:#7c859a; font-size:12px; }
.sa-activity-list time[b-j3h3trq7ed] { color:#677188; font-size:12px; font-weight:700; white-space:nowrap; }
.sa-activity-empty[b-j3h3trq7ed] { min-height:220px; display:grid; place-content:center; justify-items:center; gap:7px; border:1px dashed #d8ddea; border-radius:15px; color:#7d8699; text-align:center; background:#fbfcff; }
.sa-activity-empty div[b-j3h3trq7ed] { width:46px; height:46px; display:grid; place-items:center; margin-bottom:5px; border-radius:14px; background:#efefff; color:#5a51e8; font-size:24px; }
.sa-activity-empty strong[b-j3h3trq7ed] { color:#303951; }
.sa-activity-empty span[b-j3h3trq7ed] { font-size:12px; }
.sa-section-intro[b-j3h3trq7ed], .sa-inline-form[b-j3h3trq7ed] { padding:18px; border:1px solid #dcdff6; border-radius:15px; background:linear-gradient(105deg,#f5f4ff,#f1fbfb); }
.sa-section-intro[b-j3h3trq7ed] { display:flex; align-items:flex-start; gap:13px; margin-bottom:20px; }
.sa-section-intro > div[b-j3h3trq7ed] { color:#594fe6; font-size:25px; }
.sa-section-intro p[b-j3h3trq7ed] { margin:0; line-height:1.55; color:#59637a; }
.sa-form-grid[b-j3h3trq7ed] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.sa-form-grid label.wide[b-j3h3trq7ed] { grid-column:1/-1; }
.sa-actions[b-j3h3trq7ed] { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.sa-section-heading[b-j3h3trq7ed] { margin-bottom:18px; }
.sa-inline-form[b-j3h3trq7ed] { margin-bottom:20px; }
.sa-inline-form > p[b-j3h3trq7ed] { margin:-5px 0 17px; color:#6f788d; font-size:13px; }
.sa-check-grid[b-j3h3trq7ed] { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:16px; }
.sa-check-grid label[b-j3h3trq7ed], .sa-check[b-j3h3trq7ed] { display:flex; align-items:flex-start; gap:9px; font-weight:650; }
.sa-check-grid input[b-j3h3trq7ed], .sa-check input[b-j3h3trq7ed] { width:17px; height:17px; margin-top:1px; }
.sa-user-list[b-j3h3trq7ed] { display:grid; gap:9px; }
.sa-user-list article[b-j3h3trq7ed] { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid #e2e5ee; border-radius:14px; }
.sa-user-avatar[b-j3h3trq7ed] { flex:0 0 42px; width:42px; height:42px; }
.sa-user-main[b-j3h3trq7ed] { flex:1; min-width:0; }
.sa-user-main strong[b-j3h3trq7ed], .sa-user-main small[b-j3h3trq7ed], .sa-user-main span[b-j3h3trq7ed] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sa-user-main small[b-j3h3trq7ed] { margin-top:3px; color:#727c92; font-size:12px; }
.sa-user-main span[b-j3h3trq7ed] { margin-top:5px; color:#8b93a5; font-size:11px; }
.sa-user-actions[b-j3h3trq7ed] { display:flex; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.sa-danger-card[b-j3h3trq7ed] { padding:24px; border:1px solid #f0b7c0; border-radius:17px; background:#fff7f8; }
.sa-danger-card .sa-eyebrow[b-j3h3trq7ed] { color:#b42a42; }
.sa-danger-card p:not(.sa-eyebrow)[b-j3h3trq7ed] { color:#6f5960; line-height:1.6; }
.sa-danger-card label[b-j3h3trq7ed] { margin:18px 0; }

@media (max-width: 1100px) {
  .sa-workspace[b-j3h3trq7ed] { grid-template-columns:1fr; }
  .sa-list-panel[b-j3h3trq7ed] { border-right:0; border-bottom:1px solid #e3e7f0; }
  .sa-tenant-list[b-j3h3trq7ed] { max-height:420px; }
  .sa-detail-panel[b-j3h3trq7ed] { min-height:600px; }
}
@media (max-width: 720px) {
  .sa-topbar[b-j3h3trq7ed] { height:66px; }
  .sa-brand img[b-j3h3trq7ed] { width:138px; }
  .sa-security[b-j3h3trq7ed] { font-size:0; }
  .sa-auth-card[b-j3h3trq7ed] { padding:28px 22px; border-radius:20px; }
  .sa-dashboard[b-j3h3trq7ed] { padding:16px 10px 40px; }
  .sa-hero[b-j3h3trq7ed] { min-height:0; padding:26px 22px; display:block; border-radius:18px; }
  .sa-hero-controls[b-j3h3trq7ed] { align-items:flex-start; flex-direction:column; margin-top:20px; }
  .sa-session[b-j3h3trq7ed] { width:max-content; }
  .sa-kpis[b-j3h3trq7ed] { grid-template-columns:repeat(2,1fr); }
  .sa-workspace[b-j3h3trq7ed] { border-radius:16px; }
  .sa-detail-head[b-j3h3trq7ed] { align-items:flex-start; flex-direction:column; }
  .sa-detail-grid[b-j3h3trq7ed], .sa-form-grid[b-j3h3trq7ed], .sa-company-grid[b-j3h3trq7ed], .sa-check-grid[b-j3h3trq7ed] { grid-template-columns:1fr; }
  .sa-usage-summary[b-j3h3trq7ed] { grid-template-columns:1fr; }
  .sa-activity-list article[b-j3h3trq7ed] { grid-template-columns:12px minmax(0,1fr); }
  .sa-activity-list time[b-j3h3trq7ed] { grid-column:2; }
  .sa-user-list article[b-j3h3trq7ed] { align-items:flex-start; flex-wrap:wrap; }
  .sa-user-main[b-j3h3trq7ed] { flex-basis:calc(100% - 58px); }
  .sa-owner-controls[b-j3h3trq7ed] { align-items:stretch; flex-direction:column; }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-39dbbc971x] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-39dbbc971x] {
    flex: 1;
}

.sidebar[b-39dbbc971x] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-39dbbc971x] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-39dbbc971x]  a, .top-row .btn-link[b-39dbbc971x] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-39dbbc971x] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-39dbbc971x] {
        display: none;
    }

    .top-row.auth[b-39dbbc971x] {
        justify-content: space-between;
    }

    .top-row a[b-39dbbc971x], .top-row .btn-link[b-39dbbc971x] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-39dbbc971x] {
        flex-direction: row;
    }

    .sidebar[b-39dbbc971x] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-39dbbc971x] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-39dbbc971x], article[b-39dbbc971x] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-u4ejlxi4h1] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-u4ejlxi4h1] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-u4ejlxi4h1] {
    font-size: 1.1rem;
}

.oi[b-u4ejlxi4h1] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-u4ejlxi4h1] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-u4ejlxi4h1] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-u4ejlxi4h1] {
        padding-bottom: 1rem;
    }

    .nav-item[b-u4ejlxi4h1]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-u4ejlxi4h1]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-u4ejlxi4h1]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-u4ejlxi4h1] {
        display: none;
    }

    .collapse[b-u4ejlxi4h1] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-u4ejlxi4h1] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}